* { 
  padding:0;
  margin:0;
  list-style:none;
  box-sizing:border-box;
  font-family:"微软雅黑",Arial;
  -webkit-tap-highlight-color:transparent;
  -moz-tap-highlight-color:transparent;
  -o-tap-highlight-color:transparent;
  text-decoration:none;
}

body { 
  background:url(../images/bg1.jpg);
  background-size:cover;
}

.contentBox { 
  display:inline-block;
  width:100%;
  vertical-align:middle;
  line-height:1.5em;
  text-align:center;
}

.twoMode { 
  width:80%;
  margin : 0 auto 0 auto;
  overflow:hidden;
}

.twoMode > a { 
  float:left;
  width:40%;
  height:46px;
  line-height:46px;
  font-size:20px;
  text-align:center;
  color:#eee;
  border-radius:5px;
  margin:0 5%;
  background:rgba(0,0,0,.19);
}

.fwb { font-weight:bolder; }
.container { 
  position:relative;
  text-align:center; 
  
}

.rowBox::before { 
  content: ''; 
  position: absolute; 
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0;
  z-index:-1; 
  filter: blur(20px);
}

.rowBox { 
  margin-top:85px;
  padding:10px 10px 0px 0px;
  display:inline-block;

  vertical-align:middle;
  border-radius:10px;
  overflow:hidden;
  background: rgba(0,0,0,.25);
}

.rowGrid { letter-spacing:-4px; }

.grid4 { 
  display:inline-block;
  width:60px;
  height:60px;
  line-height:60px;
  letter-spacing:normal;
  vertical-align:top;
  margin:0px 0px 10px 10px;
  background: rgba(225,255,255,.25);
  border-radius:10px;
  color:#dfdfdf;
  font-size:20px;
  text-align:center;
}

.grid6 { 
  display:inline-block;
  width:40px;
  height:40px;
  line-height:40px;
  letter-spacing:normal;
  vertical-align:top;
  margin:0px 0px 10px 10px;
  background: rgba(225,255,255,.25);
  border-radius:5px;
  color:#dfdfdf;
  text-align:center;
  font-size:18px;
}


.score { 
  height:40px;
  line-height:40px;
  font-size:16px;
  color:#eca683;
  text-align:left;
  padding:0 5%;
  background: hsla(0,0%,100%,.35);
  box-shadow: -2px 0 5px rgba(20,135,130,0.45),0 -2px 5px rgba(20,135,130,0.45),0 2px 5px rgba(20,135,130,0.45),2px 0 5px rgba(20,135,130,0.45);
  -webkit-box-shadow: -2px 0 5px rgba(20,135,130,0.45),0 -2px 5px rgba(20,135,130,0.45),0 2px 5px rgba(20,135,130,0.45),2px 0 5px rgba(20,135,130,0.45);
  -moz-box-shadow: -2px 0 5px rgba(20,135,130,0.45),0 -2px 5px rgba(20,135,130,0.45),0 2px 5px rgba(20,135,130,0.45),2px 0 5px rgba(20,135,130,0.45);
}

.gameOver { 
  position:fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index:9;
  background:rgba(0,0,0,0.55);
  text-align:center;
  transform:translateX(-600px);
  -webkit-transform:translateX(-600px);
  -moz-transform:translateX(-600px);
  -o-transform:translateX(-600px);
  -ms-transform:translateX(-600px);

  transition : transform 2s ease-out;
  -webkit-transition : transform 2s ease-out;
  -moz-transition : transform 2s ease-out;
  -ms-transition : transform 2s ease-out;
  -o-transition : transform 2s ease-out;
}

.moveLeft { 
  transform:translateX(0px);
  -webkit-transform:translateX(0px);
  -moz-transform:translateX(0px);
  -o-transform:translateX(0px);
  -ms-transform:translateX(0px);
}

.popupBox { 
  display:inline-block;
  width:90%;
  line-height:1.5em;
  vertical-align:middle;
  background:rgba(255,255,255,0.45);
  border-radius:10px;
}

.title { 
  padding:15px 0 ;
  font-size:24px;
  color : #905C0C;
  font-weight : bolder;
}

.lastScore { 
  padding:0 15px;
  text-align:left;
  color : #905C0C;
  font-size:20px;

}



.reStart { 
  padding:15px 15px;
  overflow:hidden;
}

.backBtn , .restarGame { 
  float:left;
  width:40%;
  margin:0 5%;
  font-size:16px;
  height:36px;
  line-height:36px;
  text-align:center;
  color:#905C0C;
  background:rgba(140,90,10,.45);
  border-radius:5px;
}
